<script setup>
const props = defineProps(['url', 'name'])
</script>
<template>
   <div class="avatar-contaniner" >
    <img :src="props.url" alt="Avatar">
    <span>{{props.name}}</span>
    </div>


</template>
<style scoped>
.avatar-contaniner > img {
    display: block;
    border-radius: 50%;
}

.avatar-contaniner > span {
    display: block;
    text-align: center;
}
</style>